$(document).ready(function () {
    $("#imagem").on("change", carregarDados);
    $("#cad_avatar").validate();
});

var contador = 0;
function carregarDados() {
    $('#cad_avatar').ajaxForm({
        type: 'post',
        url: 'index.php?c=Request&ac=post&l=Avatar&a=imagem',
        success: function () {
            $(".img").remove();
            visualizarImagem();
        }
    }).submit();
}

function visualizarImagem() {
    buttonEnabled('#salvar');
    contador++;
    var image = '<img src="index.php?Request/get/l/Avatar/a/exibir/i/' + contador + '" id="img_crop">';
    $('#contaner_crop').html(image).show();
    $('#img_crop').Jcrop({
        onSelect: updateCoords,
        setSelect: [100, 100, 50, 50],
        aspectRatio: 4 / 4
    });
}

function updateCoords(c) {
    $('#x').val(c.x);
    $('#y').val(c.y);
    $('#w').val(c.w);
    $('#h').val(c.h);
}